<div class="sp-banner">
    <div class="namecard"><a href=""><img src="<?=url.'templates/images/namecard.gif'?>" width="400" height="170"></a></div>
    <!--- slider --->
    <div class="imgcard" id="slider_top_container" style="position: relative; top: 0px; left: 0px; width: 530px; height: 200px;"> 
        <!-- Loading Screen -->
        <div u="loading" style="position: absolute; top: 0px; left: 0px;">
            <div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
background-color: #000; top: 0px; left: 0px;width: 100%;height:100%;"> </div>
            <div style="position: absolute; display: block; background: url(../templates/images/loading.gif) no-repeat center center;
top: 0px; left: 0px;width: 100%;height:100%;"> </div>
        </div>
        
        <!-- Slides Container -->
        <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 530px; height: 200px; overflow: hidden;">
            <?php foreach($list_card as $rs){?>
            <div><a href="<?=site."/sanpham/detail/$rs->pro_id/".$rs->name_vn.".html"?>"><img u="image" src="<?=url.'uploads/product/'.$rs->lb_image;?>" >
                <h2 style="text-align:center;color:#3861ea;margin-top:-20px"><?php echo $rs->name_vn?></h2>
                </a></div>
            <?php }?>
        </div>
        <div u="arrowleft" class="row-left jssora03l"></div>
        <div u="arrowright" class="row-right jssora03r"></div>
        <!-- Arrow Navigator Skin End --> 
    </div>
    <!--- end slider --->
    <div class="clear"></div>
</div>
<div class="line"></div>
